{% extends 'home/public/base.html' %}

{% block 'css' %}
<link rel="stylesheet" type="text/css" href="/static/home/public/css/member.css">
<link rel="stylesheet" type="text/css" href="/static/home/public/css/member-app.css">

{% endblock %}



{% block 'con' %}

<div class="mainbody order">
        <div class="container">
            <!-- 面包屑导航 -->
            <div class="crumbs ">
                <ol class="breadcrumb">
                    <li class="hidden-xs hidden-sm"><a href="index.html">首页</a></li>
                    <li class="active"><a href="#">我的商城</a></li>
                </ol>
            </div><!-- 面包屑导航 E-->

            <div class="main clearfix">
                <!-- 左侧导航 -->
                <div class="left-nav f-fl hidden-xs hidden-sm">
                    <div class="nav-main">
                        <a href="javascript:;" class="type-title"><span class="glyphicon glyphicon-list-alt" aria-hidden="true"></span>订单中心</a>
                        <a href="order.html" class="ml" >我的订单</a>
                        <a href="#" class="ml " >我的回购单</a>
                        <a href="#" class="ml " >我的意外保</a>
                        <a href="javascript:;" class="type-title"><span class="glyphicon glyphicon-user" aria-hidden="true"></span>个人中心</a>
                        <a href="#" class="ml " >地址管理</a>
                        <a href="#" class="ml " >我的收藏</a>
                        <a href="#" class="ml " >消息提醒</a>
                        <a href="#" class="ml ">建议反馈</a>
                    </div>
                </div><!-- 左侧导航 E-->
                <!-- 右侧内容展示 -->

                <form action="{% url 'userinfoupdate' %}" method="post" enctype="multipart/form-data">
                    {% csrf_token %}
                    <div class="right-content f-fr col-xs-12 col-sm-12">
                    <div class='topWrap'>
                        <div class='top-leftWrap'>
                            <img id='userImg' src='{{ userinfo.pic }}' width="100px">
                            <input name="pic" id="doc-form-file" multiple="" type="file">
                        </div>
                        <div class='top-rightWrap'>
                            <div id="nickNameTitle" class='lineWrap nickname'>
                                <label id='nickName'>
                                {{ userinfo.username }}
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class='mainWrap'>
                        <div class='bodyWrap'>
                            <input type="hidden" name="id" value="{{ userinfo.id }}">
                            姓名:<input type="text" name="username" value="{{ userinfo.username }}"><br>
                            手机号: <input type="text" name="phone" value="{{ userinfo.phone }}"><br>
                            <button>确认提交</button>
                        </div>
                    </div>
                </form>
            </div>
            </div>
        </div>
</div>


{% endblock %}